<div>
    <el-row style="margin: 10px;">
        <el-col :span="13" style="padding-left: 10px;">
            <el-card>
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"
                         @submit.native.prevent>
                    <el-form-item label="模板参数" class="mytable">
                        <el-table :data="tableData" border style="width: 100%;" :row-style="{height:10+'px'}"
                                  :cell-style="{padding:0+'px'}"
                                  :header-cell-style="{background:'#F5F7FA',color:'#606266', height:'8px', padding:'0px'}">
                            <el-table-column label="字段名" align="center" :render-header="addTooltip" min-width="46%">
                                <template slot-scope="scope">
                                    <el-input v-model="scope.row.field" :disabled="!scope.row.isNew"
                                              @dblclick.native="addNewRow(scope.$index)"
                                              @keyup.native="fieldKeyUp(scope.$index,$event)" placeholder="字段名"></el-input>
                                </template>
                            </el-table-column>

                            <el-table-column label="字段值" align="center" min-width="46%">
                                <template slot-scope="scope">
                                    <el-radio-group v-if="scope.row.isBool" v-model="scope.row.value">
                                        <el-radio label="true" name="isBool" >true</el-radio>
                                        <el-radio label="false" name="isBool">false</el-radio>
                                    </el-radio-group>
                                    <el-input v-else  v-model="scope.row.value" placeholder="字段值"></el-input>

                                </template>
                            </el-table-column>

                            <el-table-column label="布尔？" align="center" min-width="12%">
                                <template slot-scope="scope">
                                    <el-checkbox-group v-model="scope.row.isBool">
                                        <el-checkbox ></el-checkbox>
                                    </el-checkbox-group>
                                </template>
                            </el-table-column>
                        </el-table>
                    </el-form-item>
<!--                    <el-form-item label="模板参数" prop="extendJson">-->
<!--                        <el-input type="textarea" rows="10" v-model="ruleForm.extendJson" name="extendJson" @keyup.enter.native="submitForm"></el-input>-->
<!--                    </el-form-item>-->
                    <el-form-item label="文件名" prop="fileName" v-if="isLocation">
                        <el-input v-model="ruleForm.fileName" name="fileName" @keyup.enter.native="submitForm"></el-input>
                    </el-form-item>
                    <el-form-item label="存放路径" prop="path" v-if="isLocation">
                        <el-input v-model="ruleForm.path" name="path"
                                  clearable @keyup.enter.native="submitForm"></el-input>
                    </el-form-item>
                    <el-form-item label="可勾选项" prop="type">
                        <el-checkbox-group v-model="ruleForm.configs">
                            <el-checkbox label="location" name="configs" @change="changeisLocation">本地模式</el-checkbox>
                            <el-checkbox label="override" name="override">重复覆盖</el-checkbox>
                        </el-checkbox-group>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="submitForm">生成模板</el-button>
                        <el-button @click="resetForm()">重置</el-button>
                    </el-form-item>
                </el-form>
            </el-card>
        </el-col>
        <el-col :span="11">
            <el-card>
                操作结果
                <el-button size="mini" type="primary" style="margin: 5px 0px;;" class="btn" data-clipboard-target="#resp">
                    复制结果
                </el-button>
                <el-input type="textarea" rows="20" id="resp" v-model="resp"></el-input>
            </el-card>
        </el-col>
    </el-row>
</div>